﻿<div class="row">
    <div class="span7">
    </div>
    <div class="span5">
        <div class="passport-login">
            <div class="passport-login-header">
                欢迎登录</div>
            <div class="passport-login-container">
                <form class="form-horizontal" method="post" action="?@(Request.QueryString)" onsubmit="return login(this,window);">
                <div class="control-group">
                    <label class="control-label" for="username">
                        帐 号</label>
                    <div class="controls">
                        <input type="text" id="username" name="username" maxlength="30" placeholder="帐号/绑定邮箱/绑定手机" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="password">
                        密 码</label>
                    <div class="controls">
                        <input type="password" id="password" name="password" maxlength="12" placeholder="请输入您的密码" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="captcha">
                        验证码</label>
                    <div class="controls">
                        <input type="text" id="captcha" name="captcha" class="input-mini" maxlength="4" placeholder="验证码"
                            autocomplete="off" data-rel="popover" data-trigger="hover" data-placement="left"
                            data-title="温馨提醒" data-content="请输入图片中的字符，不区分大小写。" />
                        <img id="login-captcha-img" class="captcha-img" src="/home/captcha" onclick="this.src='/home/captcha?'+Math.random();document.getElementById('captcha').value='';"
                            alt="点击刷新验证码" />
                        <span class="captcha-img-refresh" title="点击刷新验证码" onclick="document.getElementById('login-captcha-img').src='/home/captcha?'+Math.random();document.getElementById('captcha').value='';">
                            看不清<br />
                            换一张</span>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <label class="checkbox">
                            <input type="checkbox" value="False" name="remember" onclick="if(this.checked){this.value='True';}else{this.value='False';};" />
                            <span data-rel="popover" data-trigger="hover" data-content="为了您的账户安全，请勿在公用电脑上勾选此项。"
                                data-original-title="温馨提醒">两周内自动登录</span>
                        </label>
                    </div>
                </div>
                <div class="form-actions">
                    <span class="ui-button ui-button-ok clearfix"><span class="ui-button-left">&nbsp;</span>
                        <button type="submit" class="ui-button-text">
                            登 录</button><span class="ui-button-right">&nbsp;</span></span> <a target="_blank"
                                href="/home/forgotpassword" id="getPass">忘记密码?</a> <a href="/register">注册用户</a>
                </div>
                </form>
            </div>
            <div class="login-message">
            </div>
        </div>
    </div>
</div>
<div>
    <div class="ui-message ui-message-success">
        <div class="ui-message-cnt">
            <div class="ui-message-icon">
            </div>
            asdfasf
            <div>
            </div>
        </div>
    </div>
</div>
@*<div>
    <div id="myDropdown">
    </div>
    <select id="demo-htmlselect">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>
    </select></div>*@
@section css{
    @Url.Ayatta().StaticCss("jquery.fancybox")
}
@section js{
    @Url.Ayatta().StaticJs("jquery.fancybox.pack")
   
    <script type="text/javascript">
        $(function () { //Sk.Passport.Fun.validateLogin(window);
            $('[data-rel="popover"]').popover();

            //$.fancybox.open({ content: '<div class="ui-message ui-message-success"><div class="ui-message-cnt">asdfasf</div></div>', modal: true, padding: 0 });

            //$.fancybox.open({ content: '<div>ssss</div>', modal: true, padding: 0 });
            //$('#myDropdown').ddslick({
            //    onSelected: function (selectedData) {
            //        //callback function: do something with selectedData;
            //   }
            //});
        });
    </script>
}
